<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:p="http://primefaces.org/ui">

<h:head>
</h:head>

<h:body>
	<f:facet name="last">
		<h:outputStylesheet library="css" name="bmrCalculator.css" />
	</f:facet>
	<p:fieldset legend="BMR kalkulátor">
		<h:form id="bmrForm">
			<h:panelGroup layout="block" id="bmrDiv">
				<p:commandButton value="Kitölt" id="fillButton"
					actionListener="#{bmrCalculatorBean.resetWithUserData()}"
					update="bmrDiv" process="@this" />
				<p:commandButton value="Töröl" update="bmrDiv" process="@this"
					id="clearButton" actionListener="#{bmrCalculatorBean.reset()}">
					<p:resetInput target="@form" />
				</p:commandButton>
				<h:panelGrid columns="3" id="bmrFormTable">
					<p:outputLabel value="Súly" for="weightInput" />
					<pe:inputNumber id="weightInput"
						value="#{bmrCalculatorBean.weight}" decimalPlaces="0"
						maxValue="300" symbol=" kg" symbolPosition="s" />
					<p:message for="weightInput" />

					<p:outputLabel value="Magasság" for="heightInput" />
					<pe:inputNumber id="heightInput"
						value="#{bmrCalculatorBean.height}" decimalPlaces="0"
						maxValue="250" symbol=" cm" symbolPosition="s" />
					<p:message for="heightInput" />

					<h:outputLabel value="Nem" for="gender" />
					<p:selectOneRadio id="gender" style="width: 200px;"
						value="#{bmrCalculatorBean.gender}">
						<f:selectItems value="#{enumService.getGenderValues()}" var="g"
							itemValue="#{g}" itemLabel="#{g.toString()}" />
					</p:selectOneRadio>
					<p:message for="gender" />

					<h:outputLabel for="ageInput" value="Kor:" />
					<pe:inputNumber id="ageInput" value="#{bmrCalculatorBean.age}"
						decimalPlaces="0" maxValue="100" symbol=" év" symbolPosition="s" />
					<p:message for="ageInput" />
				</h:panelGrid>
				<p:commandButton update=":result @form" value="Számol"
					action="#{bmrCalculatorBean.calculate()}" id="calculateButton" />
			</h:panelGroup>
			<p:defaultCommand target="calculateButton" />
		</h:form>
		<div class="resultDiv">
			<h:outputText id="result" styleClass="result"
				value="#{bmrCalculatorBean.result}">
				<f:convertNumber minFractionDigits="0" maxFractionDigits="0" />
			</h:outputText>
		</div>
		<div class="details">
		<h1>Alapanyagcsere kiszámítása</h1>
		<span class="text">A BMR (angolul Basal Metabolic Rate)
			alapanyagcserét jelent. Ez az az energiamennyiség (kalóriákban
			kifejezve) amit a szervezet pihenés (tehát mindenfajta fizikai
			megterhelés nélkül) közben az élettani funkcióinak fenntartása miatt
			éget (használ) el. Ez a mennyiség teszi ki a napi
			kalóriaszükségletünk 60-70%-át. Magában foglalja a légzés, a
			szívverés, az izzadás, a testhőmérséklet fenntartását, az egyéb
			szerveink működését, stb. </span>
		<span class="text">Az alapanyagcserét számos tényező
			befolyásolja: életkor, testtömeg, magasság, nem, a környezet
			hőmérséklete, a táplálkozási és edzési szokások stb. Az osztódó
			sejtek nagyobb energiafelhasználása miatt a fiatal, növésben lévő
			szöveteit gyorsabban megújító szervezet anyagcsere igénye is
			magasabb. Minél magasabb vagy súlyosabb valaki, az alapanyagcseréje
			annál több kalóriát igényel. A férfiak nagyobb izomtömeggel
			rendelkeznek mint a nők, ez kb. 10-15%-kal gyorsabb anyagcserét,
			nagyobb alap- kalóriafelhasználást jelent. A szigorú,
			kalóriamegvonásos diéta akár 20%-kal is lassíthatja az anyagcserét! A
			túl hideg (sarkköri) vagy túl meleg (trópusi) klíma 5-20%-kos
			eltérést jelenthet a BMR-ben. A rendszeres testmozgás, a fejlett,
			tónusos izomzat szintén növeli a BMR-t.</span>
		<span class="text">Természetesen az alapanyagcsere (BMR)
			mellett szervezetünk a mindennapi munkával, mozgással, sportolással
			együtt sokkal több, és változatosabb kalóriamennyiséget "éget" el.
			Miután kiszámítottuk az alapanyagcserét, megbecsülhető a teljes napi
			kalóriaszükséglet.</span>
			</div>
	</p:fieldset>
</h:body>
</html>